<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{{ image_name }}</title>
    <script type="text/javascript"> (function() { var css = document.createElement('link'); css.href = 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'; css.rel = 'stylesheet'; css.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(css); })(); </script>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/app.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/theme.css') }}">


</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
    <a class="navbar-brand font-weight-bolder mr-3" href="{{ url_for('pixiv.index') }}">
        <img src="{{ url_for('static', filename='img/logo.png') }}"></a>
    </nav>    
    <main role="main">
    <section class="bg-gray200 pt-5 pb-5">
    <div class="container">
    	<div class="row justify-content-center">
    		<div class="col-md-7">
    			<article class="card">
    			<img class="card-img-top mb-2" src="{{ url_for('static',filename='img_top20/'+image_name) }}" alt="{{ image_name }}">
    			<div class="card-body">
    				<h1 class="card-title display-4">
    				{{ image_name }} </h1>
    				<ul>
    					<li>{{ "作者："+img_author }}</li>
    					<li>{{ "喜欢的人数："+like_count }}</li>
    					<li>{{ "时间："+time_img }}</li>
    					<li>{{ "标签："+tag }}</li>
    					<li><span class="img_url">
                            <a target="_blank" class="vilipixiv" href="{{ img_url }}"><u>vilipixiv</u></a>
                            </span>
                        </li>
    				</ul>
    			</div>
    			</article>
    		</div>
    	</div>
    </div>
    </section>
    </main>
    <script src="{{ url_for('static', filename='js/app.js') }}"></script>
    <script src="{{ url_for('static', filename='js/theme.js') }}"></script>
    <footer class="footer pt-5 pb-5 text-center">
    <div class="container">
          <p>©  <span class="credits font-weight-bold">        
            <a target="_blank" class="text-dark" href="https://www.wowthemes.net/pintereso-free-html-bootstrap-template/"><u>Pintereso Bootstrap HTML Template</u> by WowThemes.net.</a>
          </span>
          </p>
    </div>
    </footer>    
</body>
    
</html>
